
$(function () {
    //页面加载就取数据
    $.ajax({
        url: "http://127.0.0.1:8080/api/getCart",
        data: {
            uid: JSON.parse($.cookie("isLogin") || '[]').u_id
        },
        type: "get",
    }).then((res) => {
        let contentStr = ``
        if (res.data == undefined) {
            return
        }

        let cartObj = JSON.parse(res.data)
        cartObj.forEach((el, index) => {
            contentStr += `
            <tr data-cid="${el.c_id}" data-pid="${el.p_id}">
                <td><input type="checkbox" name="" class="cbx"></td>
                <td>
                    <img src="${el.c_img}" alt="">
                    <div class="txt">
                        ${el.c_name}
                        <p>货号：ED28101651</p>
                    </div>
                </td>
                <td>
                    <div class="con clear">
                        <i class="cColor">${el.c_color}</i>
                        <i class="cSize">${el.c_size}</i>
                        <span class="ptline clear">
                            <a href="javascript:void(0)" class="minus">-</a>
                            <input type="text" name="proNum" value="${el.c_num}">
                            <a href="javascript:void(0)" class="add">+</a>
                        </span>
                    </div>
                </td>
                <td>
                    <p> ￥<span class="onePrice">31.90</span></p>
                    <span class="befPri">原价：￥96.00</span>
                </td>
                <td class="totalNum">${el.c_num}</td>
                <td>￥<span class="allPri"> ${el.c_price}</span></td>
                <td>
                    <img src="./images/cartConTrash.jpg" alt="" class="removeTra">
                </td>
            </tr>
            `
        });

        $("#tab").html(contentStr)
    })





    $(window).load(function () {
        //我的多商
        $(".myDoLi").hover(() => {
            $(".myDo").show()
            $(".myDoLi").find("span").text("∨")
        }, () => {
            $(".myDo").hide()
            $(".myDoLi").find("span").text("∧")
        })
        $(".myDo").children().hover(function () {
            $(this).css("background", "#F3210A")
            $(this).css("color", "#fff")
        }, function () {
            $(this).css("background", "#fff")
            $(this).css("color", "#333333")
        })

        //购物车
        $(".cartLi").hover(() => {
            $(".cart").stop().slideDown()
            $(".cart").find(".span1").text("∨")
        }, () => {
            $(".cart").stop().slideUp()
            $(".cart").find(".span1").text("∧")
        })
        $(".cratInfor").children().hover(function () {
            $(this).css("background", "#F3210A")
            $(this).css("color", "#fff")
        }, function () {
            $(this).css("background", "#fff")
            $(this).css("color", "#333333")
        })

        //全选
        $("#all").on("click", function () {
            let $flag = $("#all").prop("checked")
            $("#tab").find('[type="checkbox"]').prop("checked", $flag)
            $("#all2").prop("checked", $flag)
        })
        //下面的全选
        $("#all2").on("click", function () {
            let $flag = $("#all2").prop("checked")
            $("#tab").find('[type="checkbox"]').prop("checked", $flag)
            $("#all").prop("checked", $flag)
        })

        //加减数量
        $(".minus").on("click", function () {
            let $proNum = $(this).next().val()
            $proNum--
            if ($proNum <= 1) {
                $proNum = 1
            }
            $(this).next().val($proNum)
            $(this).parents("tr").find(".totalNum").text($proNum)
            //数量 $(this).parents("tr").find(".totalNum").text()
            let lineNum = $(this).parents("tr").find(".totalNum").text()
            //这一排单个价格 
            let linePrice = $(this).parents("tr").find(".onePrice").text()
            let $allLinePrice = (lineNum * linePrice).toFixed(2)
            $(this).parents("tr").find(".allPri").text($allLinePrice)
            allTotaolPrice()

            //减购物车里
            let modiObj = {
                cnum: $proNum,
                uid: JSON.parse($.cookie("isLogin") || '[]').u_id,
                pid: $(this).parents("tr").data("pid"),
                csize: $(this).parents("tr").find(".cSize").text(),
                ccolor: $(this).parents("tr").find(".cColor").text()
            }
            $.ajax({
                url: "http://127.0.0.1:8080/api/modify",
                data: modiObj,
                type: "get",
            }).then((res) => {
                console.log(res)
            })
        })
        $(".add").on("click", function () {
            let $proNum = $(this).prev().val()
            $proNum++
            if ($proNum >= 99) {
                $proNum = 99
            }
            $(this).prev().val($proNum)
            $(this).parents("tr").find(".totalNum").text($proNum)
            //数量 $(this).parents("tr").find(".totalNum").text()
            let lineNum = $(this).parents("tr").find(".totalNum").text()
            //这一排单个价格 
            let linePrice = $(this).parents("tr").find(".onePrice").text()
            let $allLinePrice = (lineNum * linePrice).toFixed(2)
            $(this).parents("tr").find(".allPri").text($allLinePrice)
            allTotaolPrice()

            //加购物车里数据
            let modiObj = {
                cnum: $proNum,
                uid: JSON.parse($.cookie("isLogin") || '[]').u_id,
                pid: $(this).parents("tr").data("pid"),
                csize: $(this).parents("tr").find(".cSize").text(),
                ccolor: $(this).parents("tr").find(".cColor").text()
            }
            $.ajax({
                url: "http://127.0.0.1:8080/api/modify",
                data: modiObj,
                type: "get",
            }).then((res) => {
                console.log(res)
            })
        })

        //点击删除,删除整行
        $(".removeTra").on("click", function () {
            layer.confirm("确定要删除吗?", (index) => {
                layer.close(index)
                //页面中删除
                $(this).parents("tr").remove()
                allTotaolPrice()
                $.ajax({
                    url: "http://127.0.0.1:8080/api/delete",
                    data: {
                        cid: $(this).parents("tr").data("cid")
                    },
                    type: "get",
                }).then((res) => {
                    console.log(res.status)
                })
            }, function () {
            })


        })
        //删除指定栏
        $(".lineRemove").on("click", function () {
            layer.confirm("确定要删除吗?", (index) => {
                layer.close(index)
                $("#tab").find('[type="checkbox"]').each(function (index, el) {
                    if ($(el).prop("checked")) {
                        //页面中删除
                        $(el).parents("tr").remove()

                        $.ajax({
                            url: "http://127.0.0.1:8080/api/delete",
                            data: {
                                cid: $(el).parents("tr").data("cid")
                            },
                            type: "get",
                        }).then((res) => {
                            console.log(res)
                        })
                    }
                })
                allTotaolPrice()

            }, function () {
            })
        })
        //数量
        $(".totalNum").each(function (index, el) {
            $(el).text($('[ name="proNum"]').eq(index).val())
        })
        //一行小计
        //价格=数量*单价
        let $allLinePrice = $(".totalNum").map(function (index, el) {
            return (parseInt($(el).text()) * $(".onePrice").eq(index).text()).toFixed(2)
        })
        $(".allPri").each(function (index, el) {
            $(el).text($allLinePrice[index])
        })

        //总价格
        function allTotaolPrice() {
            //总数量
            var num = $(".totalNum").map(function (index, el) {
                return $(el).text()
            })
            var numAll = 0
            for (var i = 0; i < num.length; i++) {
                numAll += parseInt(num[i]);
                //都删除了逻辑
                $(".allNum").text(numAll)
            }
            if (numAll == 0) {
                $(".allNum").text("0")
            }
            //总价格
            var allPre = 0
            $(".allPri").each(function (index, el) {
                allPre += parseFloat($(el).text())
            })
            $(".allPrel").text(allPre.toFixed(2))
        }
        allTotaolPrice()
    })



    //最近浏览切换
    $(".recBrow").on("click", function () {
        $(this).addClass("current1").siblings().removeClass("current1");
        $(".imgBox").eq($(this).index()).addClass("current2").siblings().removeClass("current2");
    })

})


